<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>博客列表</title>
  <link rel="stylesheet" href="./statis/css/base.css">
</head>

<body>
  <div class="box">
    <h2>博客列表</h2>
    <div class="top">
      <input type="button" value="新增" onclick="btnAdd()">
      <div>
        <input type="text" name="keyword" placeholder="请输入关键字">
        <input type="button" value="过滤" onclick="btnFilter()">
      </div>
    </div>
    <table>
      <thead class="thead">
        <tr>
          <th>ID</th>
          <th>标题</th>
          <th>作者</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <!-- <tr>
          <td>1</td>
          <td>今天你学习了吗</td>
          <td>张三</td>
          <td>
            <input type="button" value="编辑" onclick="btnEdit()">
            <input type="button" value="删除" onclick="btnDel()">
          </td>
        </tr> -->
      </tbody>
    </table>

    <div class="page">
      <button id="prev">上一页</button>
      <!-- <button>1</button>
      <button>2</button> -->
      <button id="next">下一页</button>


    </div>
  </div>

  <script src="./statis/js/jquery-3.7.1.min.js"></script>
  <script src="./statis/js/axios.min.js"></script>
  <script src="./statis/js/initList.js"></script>
  <script src="./statis/js/base.js"></script>
  <!-- <script src="./statis/js/initPage.js"></script> -->
</body>

</html>